<div class="row" style="margin: 0px">
    <div class="col-sm-12 mt-3" style="border-bottom: 10px solid #f7f8f9;padding-bottom: 1rem;">
        <h4 style="text-align: center;color: #17a2b8;margin-bottom: 0;">远程开锁</h4>
    </div>
</div>
<div class="row" style="margin-left: 0px; margin-right: 0px; background-color: white;">
    <div class="col-12 mt-3">
        <table class="table table-sm table-hover table-bordered">
            <tbody>
            <tr>
                <th style="vertical-align: middle;">
                    <div>编号</div>
                </th>
                <th style="vertical-align: middle;">
                    <div>名称</div>
                </th>
                <th style="vertical-align: middle;">
                    <div style="text-align: center">操作</div>
                </th>
            </tr>
            <tr x-ng-repeat="item in list track by $index">
                <td x-ng-bind="$index + 1"></td>
                <td x-ng-bind="item.name"></td>
                <td style="vertical-align: middle;">
                    <div style="text-align: center">
                        <button x-ng-click="openDoor(item.id)" type="button" class="btn btn-sm btn-outline-info"
                                style="margin: 2px;">
                            远程开锁
                        </button>
                    </div>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
</div>